function loadImage(url){
    var img = new Image();
    img.src = url;
    if(img.complete){
        loadImageEnd(url);
        return ;
    }
    img.onload = function(){
        loadImageEnd(url);
    };
}

function loadImageEnd(url){
    var oTemp = document.createElement("div");
    oTemp.style.backgroundImage = "url('"+url+"')";
    oTemp.style.backgroundRepeat = 'no-repeat';
    oTemp.style.backgroundPosition = 'top center';
    oTemp.style.width = '100%';
    oTemp.style.height = '800px';
    document.getElementById("loading").style.display = 'none';
    document.getElementById("loadbg").appendChild(oTemp);
    $("#loadbg").hide().fadeIn(1000);
}

$(document).ready(function(){			
	var navstr = ['about','news','leadingcare','plate','showcase','cooperation','contactus'];
	$("#navlist > li").hover(function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(2,3);
		if(idx == 0){
			$("#subnav0").show();
		}else if(idx == 3){
			$("#subnav5").show();
		}
		if(idx != 9 && !$(this).hasClass("mhover")){
			$(this).find("img.mainmenu").attr("src","images/"+navstr[idx]+"s.jpg");
		}
	},function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(2,3);
		if(idx == 0){
			$("#subnav0").hide();
		}else if(idx == 3){
			$("#subnav5").hide();
		}
		if(idx != 9 && !$(this).hasClass("mhover")){
			$(this).find("img.mainmenu").attr("src","images/"+navstr[idx]+".jpg");
		}
	});
	
	$("#subnav0 > ul > li").hover(function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(4,5);
		$("#abli"+idx).find(".subnavimg").stop(true, true).animate({"top":"-70px"});
	},function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(4,5);
		$("#abli"+idx).find(".subnavimg").stop(true, true).animate({"top":"0px"});
	});
	
	$("#subnav5 > ul > li").hover(function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(5,6);
		$("#subtitle"+idx).children(".subnavimg").stop(true, true).animate({"top":"-70px"});
		
		$("#subbnav5"+idx).css({"background-image":"url(images/navbg2.jpg)"});
	},function(){
		var liid = $(this).attr("id");
		var idx = liid.substring(5,6);
		$("#subtitle"+idx).children(".subnavimg").stop(true, true).animate({"top":"0px"});
		
		$("#subbnav5"+idx).css({"background-image":"none"});
	});
	
	$("#subnav5 a").hover(function(){
		if($(this).prev().is("img")){
		   $(this).prev().css({"visibility":"visible"});
		}
	},function(){
		if($(this).prev().is("img")){
		   $(this).prev().css({"visibility":"hidden"});
		}
	});
});

